<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <script src="../js/jquery-1.9.1.min.js"></script>
    <title>基本地图展示</title>
    
    <link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
    <script src="http://cache.amap.com/lbs/static/es5.min.js"></script>
    <script src="http://webapi.amap.com/maps?v=1.3&key=923c2dcc0d1224f9669c02def124e33d"></script>
    <script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
</head>
<body style="text-align:center;">

	<div id="container" style="margin:0 auto; width:600px; height:600px; border:1px solid #cac1bf; margin-top: 100px;"></div>
	
	<script>
	
		var map = new AMap.Map('container', {
	        resizeEnable: true,
	        center: [114.518383,37.058165],
	        zoom: 11
	    });
		
	    var markers = [{
	        icon: 'http://webapi.amap.com/theme/v1.3/markers/n/mark_b1.png',
	        position: [114.348868,37.181751]
	    }, {
	        icon: 'http://webapi.amap.com/theme/v1.3/markers/n/mark_b2.png',
	        position: [114.355734,37.127811]
	    }];
	    
	    //在地图显示点位
	    markers.forEach(function(marker) {
	    	
	        new AMap.Marker({
	            map: map,
	            icon: marker.icon,
	            position: [marker.position[0], marker.position[1]],
	            offset: new AMap.Pixel(-12, -36)
	        });
	        
	    });
    
	    
    
    </script>
	
	
</body>
</html>